<template>
  <div>
    <Button />
    <XButton text="按钮" />
    <UserInfo msg="用户信息" />
    <div class="box">盒子</div>
    <div
      class="flex h-[30px] items-center justify-center bg-[#f90] text-center text-[20px] text-[#444]"
    >
      测试tailwindcss4.1
    </div>
    <div style="width: 100px; margin: 10px; color: #f90">测试stylelint</div>
    <van-button type="primary">测试vant</van-button>
    <van-button
      class="[--van-button-default-border-color:var(--fxl-orderlist-button-border-color)]"
      :style="{
        color: 'var(--fxl-orderlist-button-text-color)',
      }"
      plain
      round
    >
      测试全局主题
    </van-button>
  </div>
</template>

<script setup lang="ts">
// import { ref } from 'vue'
const flag = ref(0)
console.log('测试auto-import', flag.value)
console.log('import.meta.env', import.meta.env)
</script>

<style scoped lang="less">
.box {
  display: flex;
  width: 100px;
  height: 100px;
  font-size: 16px;
  color: #fff;
  background-color: red;
}
</style>
